﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="utf-8">
  <title>@yield('title')</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="full-screen" content="yes">
  <meta name="browsermode" content="application">
  <meta name="x5-orientation" content="portrait">
  <meta name="x5-fullscreen" content="true">
  <meta name="x5-page-mode" content="app">
  <!--清除缓存-->
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
  <meta http-equiv="Pragma" content="no-cache"/>
  <meta http-equiv="Expires" content="0"/>
  <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
  <!--字体-->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
  <!--字体图标-->
  <link href="http://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.min.css" rel="stylesheet">
  <link rel="stylesheet" href="/resources/assets/muse-ui.css">
  <link rel="stylesheet" href="/resources/assets/theme-default.min.css">
@yield('addstyle')
</head>

<body>
<mu-appbar title="@yield('htitle')">
  <mu-icon-button icon="menu" slot="left"/>
  <mu-text-field icon="search" class="appbar-search-field"  slot="right" hintText="请输入搜索内容"/>
  <mu-icon-menu icon="more_vert" slot="right">
    <mu-menu-item title="菜单 1"/>
    <mu-menu-item title="菜单 2"/>
    <mu-menu-item title="菜单 3"/>
  </mu-icon-menu>
</mu-appbar>
<div id="app"></div>
<!-- built files will be auto injected -->
@yield('content')

<script src="//cdn.bootcss.com/vue/2.2.6/vue.min.js"></script>
<script src="/resources/assets/muse-ui.js"></script>
@yield('addscript')
</body>
</html>
